<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
<!--header-->

<div class="header">
	<div class="top">
    	<ul>
        	<li><a href="#">欢迎登录名鞋库&nbsp;免费注册</a></li>
            <li><a href="#">我的名鞋库</a></li>
            <li><a href="#">手机名鞋库<span></span></a></li>
            <li><a href="#">收藏名鞋库</a></li>
            <li><a href="#"><span></span>名鞋库客服</a></li>
            <li></li>
        </ul>
    </div>
    <div class="bottom">
    	<div class="banner">
        	<div class="logo">
            	<a href="#"></a>
            </div>
            <div class="middle">
            	<input type="text" value="朗蒂维" class="search"/>
                <input type="button" value="搜索" class="btn"/>
                <span>热搜：</span>
                <a href="#">耐克</a>
                <a href="#">阿迪</a>
                <a href="#">新品</a>
                <a href="#">帆布鞋</a>
                <a href="#">跑步鞋</a>
                <a href="#">篮球鞋</a>
                <a href="#">外套</a>
            </div>
			<div class="right">
				<a href="#" class="shopcar">
					购物车<span>0</span>件
				</a>
			</div>
        </div>
    </div>
</div>

<div class="content1">
	<div class="nav">
		<div class="banner">
			<div class="select">
				<h3>
					所有商品分类
				</h3>
				<ul>
					<li><a href="#">运动休闲鞋</a><span></span></li>
					<li><a href="#">运动休闲服</a><span></span></li>
					<li><a href="#">跑步</a><span></span></li>
					<li><a href="#">篮球</a><span></span></li>
					<li><a href="#">足球</a><span></span></li>
					<li><a href="#">包包/配件</a><span></span></li>
					<li><a href="#">户外</a><span></span></li>
					<li style="height:42px;"><a href="#">男鞋/女鞋</a><span></span></li>
					<li style="height:42px;"><a href="#">童鞋</a><span></span></li>
				</ul>
			</div>
			<div class="center">
				<a href="#" class="first">首页</a>
				<ul class="left">
					<li><a href="#">运动休闲</a><span></span></li>
					<li><a href="#">跑步</a><span></span></li>
					<li><a href="#">篮球</a><span></span></li>
					<li><a href="#">足球</a><span></span></li>
					<li><a href="#">户外</a><span></span></li>
					<li><a href="#">配件</a><span></span></li>
					<li><a href="#">男鞋</a><span></span></li>
					<li><a href="#">童鞋</a></li>
				</ul>
			</div>
			<ul class="right">
				<li><a href="#">上新区</a><b></b></li>
				<li><a href="#">即将售罄</a><span></span><b></b></li>
				<li><a href="#">逢八必杀</a><b></b></li>
			</ul>
		</div>
	</div>
	<div class="img">
		<!-- <img src="images/banner.jpg" /> -->
	</div>
</div>

<div class="content2">
	<div class="banner">
		<div class="first">
			<a href="#" class="underline">运动/户外</a>
			<a href="#">儿童</a>
			<ul>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span><b></b></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
				<li><a href="#"><span></span></a></li>
			</ul>
		</div>
		<div class="firstRight">
			<ul>
				<li><a href="#">型男+锐步复古鞋吸睛穿搭</a></li>
				<li><a href="#">看！全球最火的十大运动鞋</a></li>
				<li><a href="#">Nana惊艳示范斯凯奇熊猫鞋</a></li>
			</ul>
			<a href="#" class="img"></a>
			<div class="bottom">
				<a href=""></a>
			</div>
		</div>
		<div class="second">
			<div>
				<a href="#">
					<dl>
						<img src="images/pic2.png" >
						<dt>金秋尚新</dt>
						<dd>满100立减20</dd>
					</dl>
				</a>
			</div>
			<div>
				<a href="#">
					<dl>
						<img src="images/pic3.png" >
						<dt>尖端抢鲜&nbsp;炫色酷跑</dt>
						<dd>满500减100&nbsp;满1000减200</dd>
					</dl>
				</a>
			</div>
			<div>
				<a href="#">
					<dl>
						<img src="images/pic4.png" >
						<dt>锐步复古经典</dt>
						<dd>低至3.5折</dd>
					</dl>
				</a>
			</div>
			<div>
				<a href="#">
					<dl>
						<img src="images/pic5.png" >
						<dt>安踏79元起</dt>
						<dd>狂暴不止&nbsp;劲爆来袭</dd>
					</dl>
				</a>
			</div>
			<div>
				<a href="#">
					<dl>
						<img src="images/pic3.png" >
						<dt>潮鞋王朝&nbsp;随新所欲</dt>
						<dd>满300减50&nbsp;满500减100</dd>
					</dl>
				</a>
			</div>
		</div>
		<div class="third">
			<div>
				<img src="images/TB2QDk_bVXXXXblXpXXXXXXXXXX_!!156043745.png" alt="">
				<ul>
					<li><a href="#"><span></span></a></li>
					<li><a href="#"><span></span></a></li>
					<li><a href="#"><span></span></a></li>
					<li><a href="#"><span></span></a></li>
					<li><a href="#"><span></span></a></li>
					<li><a href="#"><span></span></a></li>
					<li><a href="#"><span></span></a></li>
					<li><a href="#"><span></span></a></li>
					<li><a href="#"><span></span></a></li>
					<li><a href="#"><span></span></a></li>
				</ul>
				<ul>
					<li><a href="">休闲鞋</a></li>
					<li><a href="">开拓者</a></li>
					<li><a href="">板鞋</a></li>
					<li><a href="">ZX系列</a></li>
					<li><a href="">帆布鞋</a></li>
					<li><a href="">puma休闲鞋</a></li>
					<li><a href="">NB 复古鞋</a></li>
					<li><a href="">Air max</a></li>
					<li><a href="">开口笑</a></li>
					<li><a href="">明星同款</a></li>
				</ul>
			</div>
			<div>
				<a href="#"></a>
			</div>
			<div>
				<ul>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<!-- bottom -->
<div class="bottom">
	<div class="banner">
		<img src="images/pic8.png" />
		<img src="images/2014052815002.png" />
		<img src="images/2014052815003.png" />
		<img src="images/2014052815004.png" />
		<img src="images/2014052815005.png" />
		<dl>
			<dt>支付方式</dt>
			<dd><a href="#">在线支付</a></dd>
			<dd><a href="#">货到付款</a></dd>
			<dd><a href="#">发票说明</a></dd>
		</dl>   
		<dl>
			<dt>售后服务保障</dt>
			<dd><a href="#">退换货说明</a></dd>
			<dd><a href="#">服务承诺</a></dd>
		</dl>  
		<dl>
			<dt>物流配送</dt>
			<dd><a href="#">合作快递</a></dd>
			<dd><a href="#">运费说明</a></dd>
			<dd><a href="#">配送时间</a></dd>
		</dl>  
		<dl>
			<dt>会员服务</dt>
			<dd><a href="#">级别和特权</a></dd>
			<dd><a href="#">积分政策</a></dd>
		</dl>
	</div>
</div>
</body>
</html>
